<template>
  <div class="app-container">
    <div class="default-box">
      <div class="website-title">内部排线</div>
      <el-form
        ref="form"
        :model="setForm"
        label-position="right"
        label-width="100px"
      >
        <el-form-item label="接点人账号">
          <el-input v-model="setForm.title" placeholder="请输入接点人账号" />
        </el-form-item>
        <el-form-item label="排线列表(每行一个)">
          <el-input v-model="setForm.title" type="textarea" :autosize="{ minRows:7, maxRows: 15}" placeholder="请输入排线列表" />
        </el-form-item>
        <el-form-item label="登录密码">
          <el-input
            v-model="setForm.title"
            placeholder="请输入登录密码"
          />
        </el-form-item>
        <el-form-item label="排线类型">
          <el-select v-model="typevalue" filterable placeholder="请选择">
            <el-option v-for="item in typeoptions" :key="item.value" :label="item.label" :value="item.value" />
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="el-icon-check" round @click="onSubmit">提交</el-button>
          <el-button icon="el-icon-refresh-right" round>重置</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      setForm: {
        title: '',
        value: false
      },
      typeoptions: [{ // 排线类型选择项组
        value: '纵排（所有账号排成单线）',
        label: '纵排（所有账号排成单线）'
      }, {
        value: '横排（所有账号均接在接点人名下）',
        label: '横排（所有账号均接在接点人名下）'
      }],
      typevalue: '纵排（所有账号排成单线）' // 排线类型的类型
    }
  },
  created() {
  },
  methods: {
  }
}
</script>
<style scoped lang="scss">
.website-title {
  font-weight: 700;
  color: #191919;
  font-size: 20px;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  padding-bottom: 20px;
}
::v-deep .el-input--medium .el-input__inner{
    height: 40px;
    line-height: 40px;
  }
  ::v-deep .el-select{
    width: 100%;

  }
  ::v-deep .el-form-item__label{
    color: #303133;
    font-weight: normal;
    line-height: 40px;
  }
  ::v-deep .el-form-item:nth-child(2) .el-form-item__label{
      line-height: 22px;
    }
    ::v-deep .el-form-item:last-child{
      text-align: right;
    }
</style>
